@charset "utf-8";
/*
 editor.css 
*/
#writeForm {
  font-size: 10pt;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#writeForm input, #writeForm button { font-family: Tahoma; font-size: 12px; padding: 0;}
fieldset{ padding: 10px;  background: #eee;  margin: auto;}
form .entry-info label { font-weight: 600; color: #708090; cursor: default;}
.entry-submit { text-align: center; margin: 10px auto 0 auto;}

img.imgbtn {height: 20px; width: 21px; border:solid 1px #eee;cursor: pointer;}
#smileyButton {height: 22px; width: 37px; border:solid 1px #eee;cursor: pointer; vertical-align:middle;}
#toolBar span.imgbtn img {border:none;width:21px; height:20px;}
#toolBar .tb-block span { font-size: 13px; }
#toolBar .tb-block #allow-comment { margin-left: 20px; }
#toolBar .tb-block label { font-size: 13px; padding-left: 5px;}
#toolBar .inline { display: inline; margin-right: 5px; }
#toolBar { border:2px solid #ddd; background:#eee; height: 0; overflow: hidden;}
img.smiley { height: 16px; width: 16px; border: #e7e7e7 1px solid; margin:3px; cursor:pointer; }
.time-now {
  cursor: pointer; vertical-align: middle;
  width: 16px; height: 16px; ;
}
#amazon {
  border: 2px dashed #ddd;
  width: 95%; min-height: 300px;
  \height: 300px; margin: 10px;
}
textarea {
  border: 1px solid #aaa;
  color: #444; width: 97%;
}
#writing-area { width: 98%; margin: auto;}
#writing-area textarea {
  background: #fff;
  width: 100%; height: 30em;
  z-index: 4; overflow: auto;
  font-size: 13px; line-height:1.3;
  border: solid 1px #aaa; padding: 0px;margin-bottom:0;
}
.textareaHandler {
  cursor: s-resize; border: solid 1px #aaa;
  border-top-width: 0; background-color: threedface;
  width:100%; height:10px; margin: -1px auto 7px auto;
  font-size:10px; font-weight: 800; line-height: 10px;
  text-align: center; color: #999; padding: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .textareaHandler { margin-top: -7px !important; } /* just for Safari/Chrome */
}
#writing-area textarea#excerpt { height: 60px; margin-bottom: 7px;}
div.page-tab {
  margin: 0px -2px 0px auto; text-align: right;
}
div.page-tab span {
  padding: 2px 7px 0px 3px;
  color: #667;
}
div.page-tab span.autosave{ float:left; padding-left: 3px; font: 500 13px Meiryo, メイリオ;}
#autosave-info {
  font-size: 12px; margin-bottom: -6px; color: #555;
}
#localsave { cursor: pointer;}
#localsave:hover, #autoSaveServerLabel:hover { color: crimson;}
#preViewArea{
  width: 98%; margin: 10px auto; padding: .5em;
  background: #fff; border: 2px solid #ff8c00;
}
#palette{
  position: absolute; z-index:1000;
  background-color: #000; border: 3px groove #777;
}
#smileyPalette{
  position: absolute; display: none;
  background: #e7e7e7;
  padding: 5px; border: 2px outset #eee;
  width: 128px; z-index: 1000;
}
hr.clear {
  width: 100%; height:1px;
  margin: -1px 0 10px 0; clear:both;
  border: none; visibility: hidden;
}
#ping-sites{
  border: 2px solid navy; background: #fff;
  padding: 10px; width: 500px; margin:auto;
}
#pingarea span {
  padding-left: 2em;
  font-size: x-small;
  color: #777; cursor: pointer;
}
input[type=button], input[type=submit], button { height: 25px; }
#progressbar {
  position: fixed; left: 40%; top: 105px;
  display: none; z-index: 2000;
  width: 300px; height: 16px; overflow: hidden;
  background: url(../Images/progressbar.png) no-repeat 0 -16px;
}
#progressbar p {
  position: absolute; top: 0px; left: 0; width: 100%; text-align: center;
}
#progressbar div {
  height: 16px; position: relative; 
  background: url(../Images/progressbar.png) no-repeat 0 0;
}